<template>
    <div class="areaPoints-top" >
        <dv-capsule-chart :config="config" style="width:auto;height:3rem" />
    </div>
</template>

<script>
    export default {
        name: "areaPoints",
        data () {
            return {
                config:{
                    data: [
                        {
                            name: '瓦房店市',
                            value: 16
                        },
                        {
                            name: '普兰店区',
                            value: 12
                        },
                        {
                            name: '庄河市',
                            value: 9
                        },
                        {
                            name: '长海县',
                            value: 7
                        },
                        {
                            name: '旅顺口区',
                            value: 7
                        },
                        {
                            name: '金州区',
                            value: 6
                        },
                        {
                            name: '甘井子区',
                            value: 6
                        },
                        {
                            name: '中山区',
                            value: 5
                        },
                        {
                            name: '沙河口区',
                            value: 4
                        },
                    ],
                    // colors: ['#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],
                    unit: '台',
                    showValue: true
                }
            }
        },
        mounted(){

        },
    }

</script>

<style scoped lang="scss">
    .areaPoints-top{
        margin-top: 0.05rem;
    }
</style>
